<template>
	<view>
		<block v-for="(item,index) in list" :key="index">
		<image :src="item.url" mode="widthFix" class="photo" v-if="item.imageType == 'image'"></image>
		<video :src="item.url" class="photo" v-else></video>
		</block>
		<!-- <image src="/pagesA/static/hoom/photo2.jpg" mode="widthFix" class="photo2 magin_rigth"></image>
		<image src="/pagesA/static/hoom/photo3.jpg" mode="widthFix" class="photo2"></image>
		<image src="/pagesA/static/hoom/photo4.jpg" mode="widthFix" class="photo"></image> -->
	</view>
</template>

<script setup>
	import {ref,onMounted} from 'vue'
	const app = getApp()
	const list =ref([])
	onMounted(()=>{
		list.value = app.globalData.housingList
	})
</script>

<style lang="less" scoped>
.photo{
	width: 100%;
	margin-bottom: 16rpx;
}
.photo2{
	width: 48.5%;
	margin-bottom: 16rpx;
}
.magin_rigth{
	margin-right: 3%;
}
</style>
